<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Basic Layout - jQuery EasyUI Demo</title>
  <link rel="stylesheet" type="text/css" href="./themes/material-teal/layout.css">
  <link rel="stylesheet" type="text/css" href="./themes/material-teal/panel.css">

  <style>
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
  </style>

  <script type="text/javascript" src="./jquery.min.js"></script>

  <script type="text/javascript" src="./plugins/jquery.resizable.js"></script>
  <script type="text/javascript" src="./plugins/jquery.parser.js"></script>
  <script type="text/javascript" src="./plugins/jquery.panel.js"></script>
  <script type="text/javascript" src="./plugins/jquery.layout.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" style="height:50px"></div>
<div data-options="region:'west',split:true" title="用户列表" style="width:190px;"></div>
<div data-options="region:'center',border:false">
  <div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',border:false"></div>
    <div data-options="region:'south',border:false,split:true" style="height:100px;"></div>
  </div>
</div>
</body>
</html>